

<style>
  ul#accordion-slider{
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
  }
  ul#accordion-slider li{
   display: block;
   overflow: hidden;
   padding: 0;
   float: left;
   width: 230px;
   height: 300px;
  }
</style>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.kwicks-1.5.1.js"></script>
<script type="text/javascript">
 $().ready(function() {
   $('#accordion-slider').kwicks({
     max : 750,
     spacing : 2
   });
  });
</script>

<div id="accordion-slider-wrap">
  <ul id="accordion-slider">
    <li><img src="http://www.aoclarkejr.com/demos/image1.jpg" width="750" height="300" alt="Image Title"/></li>
    <li><img src="http://www.aoclarkejr.com/demos/image2.jpg" width="750" height="300" alt="Image Title"/></li>
    <li><img src="http://www.aoclarkejr.com/demos/image3.jpg" width="750" height="300" alt="Image Title"/></li>
    <li><img src="http://www.aoclarkejr.com/demos/image4.jpg" width="750" height="300" alt="Image Title"/></li>
  </ul>
</div>  